<template>
  <div>
    <h2>二维码生成</h2>
    <!-- qrcode
          1:下载  npm i qrcode
          2:导入  import Qrcode from 'qrcode'
          3:准备canvas标签显示二维码
              <canvas ref="canvas"  />
          4:Qrcode.toCanvas('dom(需要显示二维码的canvas)','字符（接口地址，文本内容,....）',{
            配制二维码
            width:500
          })
    -->
    <canvas ref="canvas" />
    <button @click="btnClick">点击生成二维码</button>
  </div>
</template>
<script>
import Qrcode from 'qrcode'
export default {
  methods: {
    btnClick() {
      Qrcode.toCanvas(this.$refs.canvas, 'http://www.baidu.com', {
        width: 10
      })
    }
  }
}
</script>
<style></style>
